/* ************************************************************
	Site:        skipslate
	File:        main.css
	Description: Base styling for skipslate.
	
	Dark Brown: B28F4E
	
	Copyright (c) 2007 Brice Mason
************************************************************ */

body, h3, input, textarea {
	font-family: arial, verdana;
	font-size:   100.1%;
}

body {
	margin: 0;
	margin-right: 10px;
}

h3 {
	font-size: 150%;
	letter-spacing: 1px;
	color: #466cb2;
	margin: 0px 0px 10px 0px;
}

h4 {
	letter-spacing: 1px;
	color: #466cb2;
}

img {
	height: 100%;
	width:  100%;
}

input, textarea {
	border: 1px solid #666666;
}

#ctnr_header, #ctnr_main, #ctnr_footer, #ctnr_logo, #ctnr_navigation {
	width: 100%;
}

#ctnr_outer {
	/* ### 
	border: 1px solid #000000;*/
	width:  64em;
	height: 36em;
}

/* ========== begin header ========== */
#ctnr_header {
	/* ### 
	border: 1px solid #ff0000;*/
	height: 20%;
	background-color: #eeeeee;
}
	#ctnr_logo {
		/* ### 
		border: 1px dashed #0000ff;*/
		height: 60%;
	}
	
		#img_logo {
			/* ### 
			border: 1px dashed #ff0000;
			margin: 5px 0px 0px 5px;*/
			position: relative;
			top: 5px;
			left: 5px;
		}
	
	#ctnr_navigation {
		/* ### 
		border: 1px dashed #00ff00;
		border-top: 5px solid #466cb2;
		border-bottom: 2px solid #B28F4E;*/
		height: 40%;
		font-size: 85%;
		background-color: #97bbff;
	}
	
		#ui_breadcrumb {
			border: 1px solid pink;
			font-size: 85%;
		}
/* ========== end header ========== */

#ctnr_main {
	/* ### 
	border: 1px solid #00ff00;*/
	height: 80%;
}

#ctnr_footer {
	/* ### 
	border: 1px solid #0000ff;*/
	height: 10%;
	background-color: #97bbff;
	color: #fffdbf;
	border-bottom: 2px solid #B28F4E;
}

p.navigation_text, p.footer_text {
	margin: 0 10px;
}

p.footer_text {
	text-align: center;
	font-size:  70%;
}

p.navigation_text {
	height: 85%;
}

p.navigation_text a {
	color: #fffdbf;
	text-decoration: none;
	letter-spacing: 1.5px;
	font-weight: bold;
	margin: 0px 10px;
}

p.navigation_text a:hover {
	text-decoration: underline;
}

#ui_text_navigation {
	/* ### */
	padding-top: 5px; 
}

#ui_text_navigation a {
	color: #fffdbf;
	text-decoration: none;
}

#ui_text_navigation a:hover {
	text-decoration: underline;
	color: #466cb2;
}

#ui_article {
	/* ### 
	border: 1px solid #000;*/
	height: 23em;
	margin: 10px 20px 10px 10px;
}

.yui-content {
	height: 28em;
	overflow: auto;
}

.ui_tab_content {
	padding: 15px;
	font-size: 90%;
	color: #333333;
}

.yui-nav li a {
	font-size: 85%;
	color: #466cb2;
	text-decoration: none;
}

.yui-nav li a:hover {
	text-decoration: underline;
}

#img_logo {
	width: 22.85%;
	height: 74%;
}

.ui_blue {
	background-color: #466cb2;
	height: 10%;
	font-size: 0;
}

.ui_brown {
	background-color: #B28F4E;
	height: 5%;
	font-size: 0;
}

#code {
	font-family: "Courier New", Courier, mono;
}

#ui_main {
	/* ### 
	border: 1px solid #000000;*/
	height: 90%;
	width:  75%;
	position: relative;
	top: 20px;
	left: 20px;
	font-size: 85%;
	overflow: auto;
	color: #333333;
}

.ui_article_listing {
	/* ### 
	border: 1px solid #000;*/
}

.ui_article_listing h4 {
	margin: 0;
	font-size: 120%;
}

.ui_article_listing h4 a {
	color: #466cb2;
	text-decoration: none;
}

.ui_article_listing h4 a:hover {
	text-decoration: underline;
}

.ui_article_listing .article_author, .article_date {
	
	letter-spacing: 0.50px;
}


.ui_article_listing .article_abstract {
	
	letter-spacing: 0.25px;
}



#ctnr_comment {
	/* ### 
	border: 1px solid #ff0000;*/
}

#ctnr_label, #ctnr_input {
	/*height: 100%;
	border: 1px solid #00ff00;*/
}

#ctnr_label {
	/* ### 
	border: 1px solid #00ff00;*/
	float: left;
}

#ctnr_input {
	/* ### 
	border: 1px solid #000000;*/
}

#ctnr_label p {
	position: relative;
	top: -6px;
}

li {
	margin: 4px 0px;
}

a {
	color: #466cb2;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.print-friendly {
	font-size: 85%;
}

.figure_description {
	margin: 0;
	font-size: 75%;
	font-weight: bold;
}

.figure_table {
	font-size: 95%;
	border: 1px solid #666666;
	border-collapse: collapse;
}

.figure_table th {
	background-color: #B28F4E;
	color: #eeeeee;
}

.figure_table td {
	border: 1px solid #666666;
	padding: 5px;
	
}

pre {
	font-size: 120%;
	background-color: #eeeeee;
	border: 1px solid #333333;
	padding: 5px 0px 5px 5px;
}

table.figure_table tr.figure_sub_heading td {
	font-weight: bold;
}

table.figure_table td {
	vertical-align: top;
}

#code th, td, h4, p {
	font-family: arial, verdana;
}

p.ui_comment_name {
	color: #466cb2;
	font-weight: bold;
}

.ui_comment_text {
	font-size: 95%;
	background-color: #eeeeee;
	border: 1px solid #333333;
	width: 75%;
}

.ui_comment_text pre {
	font-family: arial, verdana;
	border: 0;
	overflow: auto;
}
